<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<ui:define name="title">
		<title>Registrar o Actualizar Usuarios Internos</title>
	</ui:define>
	<ui:define name="body">
		<h:form id="form">
			<p:panel header="Editor de Usuarios">
				<h:panelGrid id="display" columns="3" cellpadding="5"
					style="margin:0 auto;">
					<h:outputText value="Nombre :" />
					<h:inputText id="nombreusuario" required="true"
						value="#{manUsuarioBM.objUsuario.nombres}"
						requiredMessage="Ingrese un nombre" />
					<p:message for="nombreusuario" />

					<h:outputText value="Apellido Paterno :" />
					<h:inputText id="apellPatUsua"
						value="#{manUsuarioBM.objUsuario.apellPater}" required="true"
						requiredMessage="Ingrese apellido paterno" />
					<p:message for="apellPatUsua" />

					<h:outputText value="Apellido Materno :" />
					<h:inputText id="apellMatUsua"
						value="#{manUsuarioBM.objUsuario.apellMater}" required="true"
						requiredMessage="Ingrese apellido materno" />
					<p:message for="apellMatUsua" />

					<h:outputText value="Tipo Documento :" />
					<h:selectOneListbox id="tipodni"
						value="#{manUsuarioBM.idTipoDocumento}" required="true" size="1">
						<f:selectItems value="#{manUsuarioBM.listaDocumentoIdentidad}"></f:selectItems>
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="* Documento Identidad :" />
					<h:inputText id="dni"
						value="#{manUsuarioBM.objUsuario.numeroDocumento}" maxlength="8"
						required="true"
						requiredMessage="Ingrese el número de documento de identidad">
						<f:validator validatorId="validationPhone" />
					</h:inputText>
					<p:message for="dni" />

					<h:outputText value="Unidad Orgánica:" style="text-align: right;" />
					<h:selectOneListbox value="#{manUsuarioBM.idComboAreas}" size="1"
						id="usuUniOrg">
						<f:selectItem itemLabel="--- Seleccione una Unidad Órganica ----"
							itemValue="-1" />
						<f:selectItems value="#{manUsuarioBM.listarAreas}" />
						<p:ajax update="usuSubIniOrg" process="usuUniOrg" event="change"
							actionListener="#{manUsuarioBM.selectUnidOrg}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="o Grupo de Trabajo:"
						style="text-align: right;" />
					<h:selectOneListbox size="1" id="usuSubIniOrg"
						value="#{manUsuarioBM.idSubUniOrg}">
						<f:selectItem itemLabel="--- Seleccione un Grupo de Trabajo ---"
							itemValue="-1" />
						<f:selectItems value="#{manUsuarioBM.subUnidadOrganica}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Rol Usuario :" />
					<h:selectOneListbox id="rol" value="#{manUsuarioBM.idComboRol}"
						size="1" style="width:300px">
						<f:selectItems value="#{manUsuarioBM.listarRoles}" />
					</h:selectOneListbox>
					<p:message for="rol" />

					<h:outputText value=" * Usuario :" />
					<h:inputText id="usu" value="#{manUsuarioBM.objUsuario.usuario}"
						required="true" requiredMessage="Ingrese un usuario valido" />
					<p:message for="usu" />


					<h:outputText value=" * Password :" />
					<p:password promptLabel="Ingrese su contraseña" weakLabel="Debil"
						required="true" id="pass" minLength="6" goodLabel="Bueno"
						strongLabel="Muy Fuerte"
						value="#{manUsuarioBM.objUsuario.password}"
						requiredMessage="Ingrese una contraseña" />
					<p:message for="pass" />


					<h:outputText value="Celular :" />
					<h:inputText id="telefono1"
						value="#{manUsuarioBM.objUsuario.telefonoCelular}" required="true"
						maxlength="9" requiredMessage="Ingrese un número de celular">
						<f:validator validatorId="validationPhone" />
					</h:inputText>
					<p:message for="telefono1" />

					<h:outputText value="Teléfono : " />
					<h:inputText id="telefono2"
						value="#{manUsuarioBM.objUsuario.telefonoTrabajo}" required="true"
						maxlength="7" requiredMessage="Ingrese un número de teléfono">
						<f:validator validatorId="validationPhone" />
					</h:inputText>
					<p:message for="telefono2" />

					<h:outputText value="Sexo :" />
					<h:selectOneListbox id="sexo" value="#{manUsuarioBM.idComboSexo}"
						size="1" style="width:300px">
						<f:selectItems value="#{manUsuarioBM.listarSexo}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Correo Electrónico :" />
					<h:inputText id="emal1"
						value="#{manUsuarioBM.objUsuario.correoElectronico}"
						required="true" size="30"
						requiredMessage="Ingrese un correo electrónico">
						<f:validator validatorId="validationEmail" />
					</h:inputText>
					<p:message for="emal1" />

					<h:outputText value="Correo Electrónico 02 :" />
					<h:inputText id="emal2"
						value="#{manUsuarioBM.objUsuario.correoElectronico2}" size="30">
						<f:validator validatorId="validationEmail" />
					</h:inputText>
					<p:message for="emal2" />

				</h:panelGrid>
				<br />
				<div align="center">
					<applet id="idApplet" code="com/ahora/org/ejb/biometrico/BiometricoRegistro" archive="suprema.jar, biometrico.jar"
					width="252" height="377"/>
				</div>

				<br />
				<div align="center">
					<h:commandButton image="images/botton/aceptUser.png"
						action="#{manUsuarioBM.registrarEditarUsuario}" ajax="false"
						title="Completar" type="button" style="width: 90px; height: 28px;" />
				</div>
				<br />
			</p:panel>
		</h:form>


	</ui:define>
</ui:composition>